<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情页</title>
    <link rel="stylesheet" href="/static/dist/css/deta.css" th:href="@{/dist/css/deta.css}">
    <link rel="stylesheet" href="/static/dist/css/reset.css" th:href="@{/dist/css/reset.css}">
    <link rel="stylesheet" href="/static/dist/font/iconfont.css" th:href="@{/dist/font/iconfont.css}">

</head>

<body>
    <div class="menu">
        <div class="menu-cen">
            <span class="iconfont icon-index"></span>
            <a href="home/index.html">天猫首页</a>
            <p>喵，欢迎来天猫国际</p>
            <i id="tui"><a href="login.html" id="ming">请登录</a></i>
            <ul class="menu-you">
                <li class="yi"><a>我的淘宝</a>
                    <div>
                        <a href="">已买到的宝贝</a>
                        <a href="">已卖出的宝贝</a>
                    </div>
                </li>
                <li>
                    <span class="iconfont icon-gouwuche"><a  th:href="@{/tmall/cart2}">购物车</a></span>
                </li>
                <li class="yi"><a href="">收藏夹</a>
                    <div>
                        <a href="">收藏的宝贝</a><br>
                        <a href="">收藏的店铺</a>
                    </div>
                </li>
                <li class="san">
                    <span class="iconfont icon-icon1460357101473"><a href="">手机版</a></span>
                    <div>
                        <img src="../img/soujima.png" alt="">
                    </div>
                </li>
                <li><a href="">淘宝网</a></li>
                <li class="er"><a>商家支持</a>
                    <div>
                        <ul>
                            <li>
                                <h3>商家：</h3>
                                <a href="">商家中心</a>
                                <a href="">天猫规则</a>
                                <a href="">商家入驻</a>
                                <a href="">运营服务</a>
                                <a href="">商家工具</a>
                                <a href="">商家规则</a>
                                <a href="">天猫智库</a>
                                <a href="">喵言喵语</a>
                            </li>
                            <li>
                                <h3>帮助：</h3>
                                <a href="">帮助中心</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="si">
                    <span class="iconfont icon-liebiao"><a href="">网站导航</a></span>
                    <div class="si-da">
                        <div class="yi">
                            <h2>热点推荐 Hot</h2>
                            <ul>
                                <li><a href="">天猫超市</a></li>
                                <li><a href="">喵鲜生</a></li>
                                <li><a href="">天猫超市</a></li>
                                <li><a href="">天猫超市</a></li>
                                <li><a href="">喵鲜生</a></li>
                                <li><a href="">天猫超市</a></li>
                                <li><a href="">喵鲜生</a></li>
                                <li><a href="">天猫超市</a></li>
                                <li><a href="">喵鲜生</a></li>
                                <li><a href="">天猫超市</a></li>
                                <li><a href="">天猫超市</a></li>
                                <li><a href="">天猫超市</a></li>
                                <li><a href="">天猫超市</a></li>
                                <li><a href="">天猫超市</a></li>
                            </ul>
                        </div>
                        <div class="er">
                            <h2>行业市场 Market</h2>
                            <ul>
                                <li><a href="">美妆</a></li>
                                <li><a href="">美妆</a></li>
                                <li><a href="">美妆</a></li>
                                <li><a href="">美妆</a></li>
                                <li><a href="">美妆</a></li>
                                <li><a href="">美妆</a></li>
                                <li><a href="">美妆</a></li>
                                <li><a href="">美妆</a></li>
                                <li><a href="">美妆</a></li>
                                <li><a href="">美妆</a></li>
                                <li><a href="">美妆</a></li>
                                <li><a href="">美妆</a></li>
                                <li><a href="">美妆</a></li>
                                <li><a href="">美妆</a></li>
                                <li><a href="">美妆</a></li>
                                <li><a href="">美妆</a></li>
                            </ul>
                        </div>
                        <div class="san">
                            <h2>品牌风尚 Brand</h2>
                            <ul>
                                <li><a href="">美妆</a></li>
                                <li><a href="">美妆</a></li>
                                <li><a href="">美妆</a></li>
                                <li><a href="">美妆</a></li>
                                <li><a href="">美妆</a></li>
                                <li><a href="">美妆</a></li>
                            </ul>
                        </div>
                        <div class="si">
                            <h2>服务指南 Help</h2>
                            <ul>
                                <li><a href="">天猫国际规则 </a></li>
                                <li><a href="">海外正品 </a></li>
                                <li><a href="">七天放心退 </a></li>
                                <li><a href="">商标代理 </a></li>
                                <li><a href="">帮助中心</a></li>
                            </ul>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="sou">
        <img src="../img/logo.png" alt="" class="yi">
        <input type="text" class="sou-kuang" placeholder="  搜索 天猫 商品/品牌/店铺">
        <input type="button" value="搜天猫国际" class="sou-btn">
        <input type="button" value="搜本店" class="sou-btn2">
    </div>
    <div class="xq">
        <div class="xq-fdj">
            <div class="box">
                <a href="javascript:;" class="phone-display">
                </a>
                <div class="bottom-nav clearfix">
                    <div class="bottom-center-nav">
                        <ul class="small-img-ul">
                        </ul>
                    </div>
                </div>
            </div>
        </div>


        <div class="zhong" id="zhong">
            <div class="z-top">
                <h3 th:text="${product.name}"></h3>
                <p th:text="${product.subTitle}"></p>
            </div>
            <div class="z-jia">
                <i>价格</i>
                <b>￥</b>
                <span th:text="${product.promotePrice}" ></span>
                <input th:value="${product.promotePrice}" id="price" hidden="hidden">

            </div>
            <div class="z-dizi">
                <i>运费</i>
                <span>杭州</span>
                <span>上城区</span>
            </div>
            <div class="z-liang">
                <i>累计评价</i>
                <span th:text="${product.reviewCount}"></span>
            </div>
            <div class="z-xia">
                <div class="zx-lei">
                    <span>颜色分类</span>
                    <img src="../img/zst.jpg" alt="">
                    <img src="../img/zst.jpg" alt="">
                </div>
                <div class="zx-shu">
                    <span>数量</span>
                    <input type="text" value="1" id="liang">
                    <input type="text" th:value="${product.number}" id="nuber" hidden="hidden">
                    <input type="text" th:value="${product.id}" id="productId" hidden="hidden">
                    <div class="zx-jj">
                        <span class="iconfont icon-up2" id="jia" onclick="jia()" type="button"></span>
                        <span class="iconfont icon-down" id="jian" onclick="jian()" type="button"></span>
                    </div>
                    <i>件</i>
                </div>
                <div class="zx-btn">
                    <div class="mai">
                        <a href="">立即购买</a>
                    </div>
                    <div class="ce" id="ce">
                        <a  onclick="cart()" type="button">
                            <span class="iconfont icon-gouwuche" ></span>
                            加入购物车
                        </a>
                    </div>
                </div>
                <div class="zx-di">
                    <dl>
                        <dt>服务承诺</dt>
                        <dd>
                            <ul>
                                <li><a href="">正品保障</a></li>
                                <li><a href="">正品保障</a></li>
                                <li><a href="">正品保障</a></li>
                                <li><a href="">正品保障</a></li>
                                <li><a href="">正品保障</a></li>
                                <li><a href="">正品保障</a></li>
                            </ul>
                        </dd>
                    </dl>
                    <div class="zf">
                        <p>支付方式
                            <span class="iconfont icon-down"></span>
                        </p>
                        <div class="qian">
                            <a href="">快捷支付 </a>
                            <a href="">蚂蚁花呗 </a>
                            <a href="">余额宝 </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>



    </div>







    <script src="../js/jquery-1.11.0.js"></script>
    <script src="../js/jq22.js"></script>
    <script src="../js/deta.js"></script>
    
    <script>
        window.οnlοad = function () {
            if (location.href.indexOf("?xyz=") < 0) {
                alert(123);
                location.href = location.href + "?xyz=" + Math.random();
            }
        }
        function jia() {
            var liang=$("#liang").val();
            var  nuber=parseInt(liang);
            var liang2=$("#nuber").val();
            console.log(nuber+"数量");
            console.log(liang2+"数量");
            nuber=nuber+1;
            if(nuber>liang2){
                nuber=liang2;
            }
            if(nuber<0){
                nuber=1;
            }
            $("#liang").val(nuber);
        }
        function jian() {
            var liang=$("#liang").val();
            var  nuber=parseInt(liang);
            var liang2=$("#nuber").val();
            console.log(nuber+"数量");
            console.log(liang2+"数量");
            nuber=nuber-1;
            if(nuber<0){
                nuber=0;
            }
            $("#liang").val(nuber);
        }
        function cart() {//加入购物车
            var id=$("#productId").val();
            var number=$("#liang").val();
            var price=$("#price").val();
            console.log(id);
            console.log(number);
            console.log(price);
            var total=number*price;
            console.log(total);
            $.ajax({
                url:"/tmall/addCartItem",
                type:"post",
                dataType:"json",
                data:{"id":id,"number":number,"total":total},
                success:function (result) {
                    alert(result.code);
                },
                error:function (err) {
                    alert("错误");
                },

            })
        }
    </script>
</body>

</html>